<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>防伪查询</title>  
    <!-- 引入Bootstrap CSS -->  
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">  
    <!-- 可选：引入自定义CSS -->  
    <link rel="stylesheet" href="styles.css">  
</head>  
<body>  
  
<!-- 使用Bootstrap的栅格系统来布局 -->  
<div class="container">  
    <div class="row">  
        <div class="col-12">  
            <h1>欢迎来到我的手机页面</h1>  
            <p>这是一个适用于手机的HTML5页面示例。</p>  
        </div>  
    </div>  
    <div class="row">  
        {% block page_content %}
        <!-- about.html -->
        <!-- add-breadcrumbs -->
        <h1>{{ _("Anti fake") }}</h1>
        <div class="row" style="color: blue;">
        <div class="col-sm-6">
                welcome back!<br>
                {{ name }}<br>
                {{ id }}<br>
                {{ info }}
    
            </div>
        </div>
    
        {% endblock %}
    </div>  
</div>  
  
<!-- 引入Bootstrap JavaScript和其他依赖 -->  
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>  
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>  
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>  
<!-- 可选：引入自定义JavaScript -->  
<script src="scripts.js"></script>  
  
</body>  
</html>